<template>
    <div class="logo">
        <router-link to="/">
            <img src="../assets/logo.png" alt="">
            <slot></slot>
        </router-link>
    </div>
</template>
<style lang="scss">
@import '../static/style/variable.scss';
@import url(../static/fonts/font.css);
.logo {
    height: 2.1333rem;
    background-color: $bgColor;
    width: 100%;
    display: flex;
    align-items: center;
    padding: $pad-left;
    a {
        img {
            width: 1.1667rem;
            vertical-align: middle;
        }
        span {
            vertical-align: middle;
            font-size: 26px;
            font-weight: bold;
            color: #fff;
            margin: 0 .2667rem;
            // font-family: zhanku;
        }
    }
}
</style>